{extend name="panel/layout" /}
{block name="main"}
<div class="profile-header">
    <div class="profile-cover">
        <div class="cover-user m-b-lg">
            <div>
                <a href=""><span class="cover-icon"><i class="fa fa-external-link-square"></i></span></a>
            </div>
            <div>
                <div class="avatar avatar-xl avatar-circle">
                    <a>
                        <img class="img-responsive"
                             src="http://q1.qlogo.cn/g?b=qq&nk={$userInfo.qq}&s=160" alt="avatar">
                    </a>
                </div><!-- .avatar -->
            </div>
            <div>
                <a><span class="cover-icon"><i class="fa fa-paypal"></i></span></a>
            </div>
        </div>
        <div class="text-center">
            <h4 class="profile-info-name m-b-lg">{$userInfo.user}&nbsp</h4>
            <div>
                <a class="m-r-xl theme-color"><i class="fa fa-info m-r-xs"></i>{$userInfo.uid}</a>
                <a class="theme-color"><i class="fa fa-shield m-r-xs"></i><i class="text-primary fa fa-star"></i><i
                        class="text-primary fa fa-star"></i><i class="text-primary fa fa-star"></i></a>
            </div>
        </div>
    </div><!-- .profile-cover -->

    <div class="promo-footer">
        <div class="row no-gutter">
            <div class="col-xs-4 promo-tab">
                <div class="text-center">
                    <small>余额</small>
                    <h4 class="m-0 m-t-xs">{$userInfo.rmb}&nbsp;<a><i class="fa fa-paypal"></i></a>
                    </h4>
                </div>
            </div>
            <div class="col-xs-4 promo-tab">
                <div class="text-center">
                    <small>金币</small>
                    <h4 class="m-0 m-t-xs">{$userInfo.rmb}&nbsp;<a><i class="fa fa-plus"></i></a></h4>
                </div>
            </div>
            <div class="col-xs-4 promo-tab">
                <div class="text-center">
                    <small>可提现余额</small>
                    <h4 class="m-0 m-t-xs">{$userInfo.rmb}&nbsp;<a><i class="fa fa-rmb"></i></a></h4>
                </div>
            </div>
        </div>
    </div><!-- .promo-footer -->
</div>
<div class="row" style="margin-top: 20px;">
    <div class="col-md-12">
        <div class="widget p-lg">
            <header class="widget-header">
                <h4 class="widget-title">VIP价格表
                </h4>
            </header><!-- .widget-header -->
            <hr class="widget-separator">
            <div class="widget-body table-responsive">
                <table class="table table-hover table-striped">
                    <thead>
                    <tr>
                        <th class="text-center">VIP级别</th>
                        <th class="text-center">拿货价(全套代挂/单向代挂)</th>
                        <th class="text-center">开通价格</th>
                        <th class="text-center">操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    {volist name="viplist" id="row"}
                    <tr>
                        <td class="text-center">{$row.name}</td>
                        <td class="text-center">{$row.price_all}元/{$row.price_dx}元</td>
                        <td class="text-center"><b>{$row.price_vip}</b>元</td>
                        <td class="text-center"><a href="{:url('shop')}?action=buy&id={$row.id}" class="btn-xs btn-info">立即开通</a></td>
                    </tr>
                    {/volist}
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
{/block}
